import React, { useState } from 'react'
import Card from '@/framework/card'
import { lineOptions, pieOptions, radarOptions, scatterOptions, candlestickOptions } from './data'
import './style.less'

const BasePage = () => {
  const [options, setOptions] = useState(lineOptions)
  // console.log(options, 'options')
  return (
    <div className="pageWrapper">
      <Card title="折线图" cardType="LineEcharts" echartsData={options} />
      <div className="echarts">
        <div className="line">
          <Card title="饼图" cardType="PieEcharts" echartsData={pieOptions} />
        </div>
        <div className="radar">
          <Card title="雷达图" cardType="RadarEcharts" echartsData={radarOptions} />
        </div>
      </div>
      <div className="scatter">
        <Card title="气泡图" cardType="ScatterEcharts" echartsData={scatterOptions} />
      </div>
      <div className="scatter">
        <Card title="K线图" cardType="Candlestick" echartsData={candlestickOptions} />
      </div>
    </div>
  )
}

export default BasePage
